<?php session_start();
if (empty($_SESSION['nombre']))
	echo "<meta http-equiv='Refresh' content='0;url=../../index.php'>";
?>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Administraci&oacute;n de tablas</title>
    <link href="../../bootstrap/css/bootstrap.min.css" rel="stylesheet">
   	<link href="../../bootstrap/css/view.css" rel="stylesheet">
	<script type="text/javascript" src="../../bootstrap/scripts/view.js"></script>
	<script type="text/javascript" src="../../bootstrap/scripts/jquery.js"></script> 
	<script type="text/javascript" src="../../bootstrap/js/bootstrap.min.js"></script> 

	
  </head>
<body >
<div id="a_header">
		<div class="container">
			<div class="row">
				<div class="span10">
					
					<img src="../../imagenes/CRM HV alta.png" width="175" height="110"  style="float:left;" alt="" />					
					<div style="display:inline-block; margin-top:20px;">
						<h3 style="margin:0px;">Sistema de Administraci&oacute;n y Gesti&oacute;n de Clientes (CRM)</h3>
					</div>
				</div>
			
				
					<div class="btn-group pull-right upan">
						  <button type="button" class="btn btn-primary" id ="drop"><span class= "glyphicon glyphicon-user"><?php if (! empty($_SESSION['nombre'])) echo("   ". $_SESSION['user']);?></span></button>
						  <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" id="drop2">
						    <span class="caret"></span>
						  </button>
						  
						  <ul class="dropdown-menu" role="menu">
						  
						    <li><a href="../../TableroInicio.php" title="Tablero Principal">Inicio</a></li>
						     <li class="divider"></li>
						    <li><a href="../../cerrar_sesion.php" title="Cerrar sesi&oacute;n">Salir</a></li>
						  </ul>
					</div>
			</div>
		</div>
 	</div> 
<div style="background-color:#0455A7; height:3px;"></div>	<!--  fin header -->

<div class="container" style= "width: 75%">
				<br>
				<h3>Tablas</h3>
				<br>
				<div class="btn-group" data-toggle="buttons">
				  <label class="btn btn-success">
				    <input type="radio" name="options" id="option1" onchange="traerTabla(1);">Categor&iacute;as de Cliente
				  </label>
				  <label class="btn btn-success">
				    <input type="radio" name="options" id="option2" onchange="traerTabla(2);">Eventos
				  </label>
				  <label class="btn btn-success">
				    <input type="radio" name="options" id="option3" onchange="traerTabla(3);">Expositores
				  </label>
				  <label class="btn btn-success">
				    <input type="radio" name="options" id="option4" onchange="traerTabla(4);">Localizaci&oacute;nes
				  </label>
				  <label class="btn btn-success">
				    <input type="radio" name="options" id="option5" onchange="traerTabla(5);">Motivos de llamada
				  </label>
				  <label class="btn btn-success">
				    <input type="radio" name="options" id="option6" onchange="traerTabla(6);">Tarifas
				  </label>
				  <label class="btn btn-success">
				    <input type="radio" name="options" id="option7" onchange="traerTabla(7);">Tipo de Pago
				  </label>
				   <label class="btn btn-danger">
				    <input type="radio" name="options" id="option7" onchange="salir();"><img src="../../imagenes/glyphicons_380_message_forward.png" width="17" height="15" />Salir
				  </label>
				</div>
	<div>
		<h4>Mantenimiento de tablas</h4>
	</div>
</div>
	<div class="container" style="min-height:300px;">
	
		<div id="tabla">
		</div>
	
	</div>
	<!-- Modal -->
					  <div class="modal fade" id="modalmode" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
					    <div class="modal-dialog">
					      <div class="modal-content">
					        <div class="modal-header">
					          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
					          <h4 class="modal-title">Actualizaci&oacute;n de Datos</h4>
					        </div>
					        <div class="modal-body" style="text-align: left; background-color:#f2f9f2">
						   		<div id="datos">
						   			
								</div>																		
						     </div>
					        <div class="modal-footer">
					         <button type="button" class="btn btn-primary" onclick="actualizarDatos(); return false">Actualizar</button>
					          <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
					      
					        </div>
					      </div><!-- /.modal-content -->
					    </div><!-- /.modal-dialog -->
					  </div><!-- /.modal -->
<!--  footer -->
   
    <footer style="margin-top: 20px; background-color:#FFF;">
		<div style="background-color:#00f; height:5px;"></div>
        <div class="container" style="height:100px;">
			<div class="row">
				<div class="span2" style="float:right;">
					<p style="">Desarrollado por:</p>
					<a href="http://www.3tech-panama.com"><img src="../../imagenes/3techpaylogo.png"alt="3tech panama" style="width:134px; height:50px; float:right;" /></a>
			   </div>
			</div>
		</div>
        <div style="background-color:#0000FF; height:25px;">
            <div class="container" >
                <p style="margin-left: 10px; color:#FFF;">Copyright &copy; 2013 HOSANNA. Todos los derechos reservados. </p>
            </div>
        </div>	
    </footer>
</body>
<script type="text/javascript">
$taghtml = "<div class='progress progress-striped active'><div class='progress-bar'  role='progressbar' aria-valuenow='50' aria-valuemin='0' aria-valuemax='50' style='width: 100%'>";
$taghtml +=  "<div class='progress-bar'  role='progressbar' aria-valuenow='50' aria-valuemin='0' aria-valuemax='50' style='width: 100%'></div></div>";

function crearXMLHttpRequest() 
{
  var xmlHttp=null;
  if (window.ActiveXObject) 
    xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
  else 
    if (window.XMLHttpRequest) 
      xmlHttp = new XMLHttpRequest();
  return xmlHttp;
}

var conexhttp;

function traerTabla(codigo)
{
	
	conexhttp=crearXMLHttpRequest();
	conexhttp.onreadystatechange = presentarTabla;
	conexhttp.open('GET',"getdatatable.php?query="+codigo, true);
	conexhttp.send(null);
}
function presentarTabla()
{
  if(conexhttp.readyState == 4)
  document.getElementById('tabla').innerHTML = conexhttp.responseText;
  else 
	  document.getElementById('tabla').innerHTML = "<strong>Cargando tabla, por favor espere...</strong><br>"+$taghtml;
}

function eliminar(codigo,codigo2,codigo3)
{
	codigoItem=codigo;
	codigoTabla=codigo2;
	nombreCampo=codigo3;
	opcionModal=2;
	document.getElementById('datos').innerHTML = "<h4>Est&aacute; seguro de eliminar este registro:  </h4><strong>"+nombreCampo+"=</strong> <span class='badge'>"+codigoItem+"</span>";
	$('#modalmode').modal("show");
}
var codigoTabla=0;
var codigoItem=0;
var nombreCampo="";
var opcionModal=0;

var nombre ="";
var fechainicio = "";
var fechafin = "";
var activo = "";
var descripcion="";
var apellido="";
var provincia="";
var motivo="";
var minutos=0;
var dinero=0;

function actualizarDatos()
{
	if (opcionModal == 0 ) return;
	else if (opcionModal == 1 ) ModificarRegistro();
	else if (opcionModal == 2 ) Eliminar();
	else if (opcionModal == 3 ) AgregarRegistro();
	$('#modalmode').modal("hide");
}

function AgregarRegistro()
{
	captarDatos();
	opcionModal=0;	
	conexhttp=crearXMLHttpRequest();
	conexhttp.onreadystatechange = modificado;
	conexhttp.open('GET',"setdata.php?query="+armarqueryINSERT(), true);
	conexhttp.send(null);
}
function ModificarRegistro()
{
	captarDatos();
	opcionModal=0;	
	conexhttp=crearXMLHttpRequest();
	conexhttp.onreadystatechange = modificado;
	conexhttp.open('GET',"setdata.php?query="+armarqueryUPDATE(), true);
	conexhttp.send(null);
}
function Eliminar()
{
	opcionModal=0;
	conexhttp=crearXMLHttpRequest();
	conexhttp.onreadystatechange = modificado;
	conexhttp.open('GET',"setdata.php?query="+armarqueryDELETE(), true);
	conexhttp.send(null);
}
function captarDatos()
{
	if (codigoTabla == 1 )
	{
		descripcion = document.getElementById("descripcion").value;
		
	}
	else if (codigoTabla == 2 )
	{
		nombre = document.getElementById("nombre").value;
		fechainicio = document.getElementById("fechainicio").value;
		fechafin = document.getElementById("fechafin").value;
		activo = document.getElementById("activo").value;
		
		
	}
	else if (codigoTabla == 3 )
	{
		nombre = document.getElementById("nombres").value;
		apellido = document.getElementById("apellidos").value;
		
		
	}
	else if (codigoTabla == 4 )
	{
		provincia = document.getElementById("PROVINCIA").value;
		
	}
	else if (codigoTabla == 5 )
	{
		motivo = document.getElementById("motivo").value;
		
	}
	else if (codigoTabla == 6 )
	{
		minutos = document.getElementById("minutos").value;
		dinero = document.getElementById("dinero").value;
		
	}
	else if (codigoTabla == 7 )
	{
		descripcion = document.getElementById("descripcion").value;
		
	}
}
function modificado()
{
	if(conexhttp.readyState == 4)
			traerTabla(codigoTabla);
	 else 
		  document.getElementById('tabla').innerHTML = "<strong>Modificando datos, por favor espere...</strong><br>"+$taghtml;
}

function modificar(codigo,codigo2,codigo3)
{
	
	codigoItem=codigo;
	codigoTabla=codigo2;
	nombreCampo=codigo3;
	opcionModal=1;
	conexhttp=crearXMLHttpRequest();
	conexhttp.onreadystatechange = presentarModal;
	conexhttp.open('GET',"getdataform.php?query="+armarquerySELECT(), true);
	conexhttp.send(null);
   
}
function presentarModal()
{
	if(conexhttp.readyState == 4)
	{
		    document.getElementById('datos').innerHTML = conexhttp.responseText;
			$('#modalmode').modal("show");
	}
}

function agregar(codigo)
{
	
	codigoTabla=codigo;
	opcionModal=3;
	conexhttp=crearXMLHttpRequest();
	conexhttp.onreadystatechange = presentarModal;
	conexhttp.open('GET',"getdatainsert.php?codigoTabla="+codigoTabla, true);
	conexhttp.send(null);
}

function armarquerySELECT()
{
	query="";
	switch (codigoTabla)
	{
		case 1:
		{
			query = "select * from categoriasclientes where "+nombreCampo+" = '"+codigoItem+"'";
			return query;
		}
		case 2:
		{
			query = "select * from eventos where "+nombreCampo+" = '"+codigoItem+"'";
			return query;
		}
		case 3:
		{
			query = "select * from expos where "+nombreCampo+" = '"+codigoItem+"'";
			return query;
		}
		case 4:
		{
			query = "select * from provincias where "+nombreCampo+" = '"+codigoItem+"'";
			return query;
		}
		case 5:
		{
			query = "select * from motivos where "+nombreCampo+" = '"+codigoItem+"'";
			return query;
		}
		case 6:
		{
			query = "select * from tarifas where "+nombreCampo+" = '"+codigoItem+"'";
			return query;
		}
		case 7:
		{
			query = "select * from formaspago where "+nombreCampo+" = '"+codigoItem+"'";
			return query;
		}
	}
}
function armarqueryUPDATE()
{
	query="";
	switch (codigoTabla)
	{
		case 1:
		{
			query = "update categoriasclientes set descripcion = '"+descripcion+"' where "+nombreCampo+" = '"+codigoItem+"'";
			return query;
		}
		case 2:
		{
			query = "update eventos set nombre = '"+nombre+"' ,fechainicio = '"+fechainicio+"' ,fechafin = '"+fechafin+"' ,activo = '"+activo+"' where "+nombreCampo+" = '"+codigoItem+"'";
			return query;
		}
		case 3:
		{
			query = "update  expos set nombres = '"+nombre+"' ,apellidos = '"+apellido+"' where  "+nombreCampo+" = '"+codigoItem+"'";
			return query;
		}
		case 4:
		{
			query = "update  provincias set provincia = '"+provincia+"' where  "+nombreCampo+" = '"+codigoItem+"'";
			return query;
		}
		case 5:
		{
			query = "update  motivos set motivo = '"+motivo+"' where  "+nombreCampo+" = '"+codigoItem+"'";
			return query;
		}
		case 6:
		{
			query = "update  tarifas set minutos = "+minutos+" ,dinero = "+dinero+" where "+nombreCampo+" = '"+codigoItem+"'";
			return query;
		}
		case 7:
		{
			query = "update formaspago set descripcion = '"+descripcion+"' where "+nombreCampo+" = '"+codigoItem+"'";
			return query;
		}
	}
}
function armarqueryDELETE()
{
	query="";
	switch (codigoTabla)
	{
		case 1:
		{
			query = "DELETE FROM categoriasclientes where "+nombreCampo+" = '"+codigoItem+"'";
			return query;
		}
		case 2:
		{
			query = "DELETE FROM eventos where "+nombreCampo+" = '"+codigoItem+"'";
			return query;
		}
		case 3:
		{
			query = "DELETE  FROM expos where  "+nombreCampo+" = '"+codigoItem+"'";
			return query;
		}
		case 4:
		{
			query = "DELETE  FROM provincias where  "+nombreCampo+" = '"+codigoItem+"'";
			return query;
		}
		case 5:
		{
			query = "DELETE  FROM motivos where  "+nombreCampo+" = '"+codigoItem+"'";
			return query;
		}
		case 6:
		{
			query = "DELETE  FROM tarifas where "+nombreCampo+" = '"+codigoItem+"'";
			return query;
		}
		case 7:
		{
			query = "DELETE FROM formaspago where "+nombreCampo+" = '"+codigoItem+"'";
			return query;
		}
	}
}
function armarqueryINSERT()
{
	query="";
	switch (codigoTabla)
	{
		case 1:
		{
			query = "INSERT INTO  categoriasclientes(descripcion)values('"+descripcion+"')" ;
			return query;
		}
		case 2:
		{
			query = "INSERT INTO  eventos(nombre,fechainicio,fechafin,activo)values('"+nombre+"','"+fechainicio+"','"+fechafin+"','"+activo+"')";
			return query;
		}
		case 3:
		{
			query = "INSERT INTO   expos(nombres,apellidos)values('"+nombre+"','"+apellido+"')";
			return query;
		}
		case 4:
		{
			query = "INSERT INTO   provincias(provincia)values('"+provincia+"')";
			return query;
		}
		case 5:
		{
			query = "INSERT INTO   motivos(motivo)values('"+motivo+"')";
			return query;
		}
		case 6:
		{
			query = "INSERT INTO   tarifas(minutos,dinero)values("+minutos+","+dinero+")";
			return query;
		}
		case 7:
		{
			query = "INSERT INTO  formaspago(descripcion)values('"+descripcion+"') ";
			return query;
		}
	}
}
function salir()
{
	window.location="../../TableroInicio.php";
}
</script>
</html>